<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>校友推荐红包设置(确认订单、弹窗、余额不足)</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_700684_nxz31xbunnl.css">
  <link rel="stylesheet" href="../../css/common/magic-input.min.css">
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/border-1px.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="./alumniRecommendWallet.css">
</head>

<body>
  <div class="page-wrap">
    <div class="alumni-recommend-wallet-wrap">

      <!-- 简历选择 -->
      <div class="resume-choice-wrap">
        <!-- 标题 -->
        <h4 class="rewardstep-title fs-14 page-padding">
          <span class="name">简历选择</span>
        </h4>
        <!-- 简历列表 -->
        <div class="push-resume-centent-wrap page-padding">
          <ul class="push-resume-centent-items">
            <li class="push-resume-centent-item fx-row fx-row-center">
              <i class="resume-icon"></i>
              <div class="resume-title overflow_1line fs-14">我的简历1</div>
              <!-- 进度条 -->
              <div class="resume-progress fx-1">
                <span class="active-progress"></span>
                <span class="num">30%</span>
              </div>
              <!-- 是否选中的框 -->
              <div class="isCheck-wrap">
                <input type="radio" name="selectedResume" class="mgc mgc-danger" checked>
              </div>
            </li>
            <li class="push-resume-centent-item fx-row fx-row-center">
              <i class="resume-icon"></i>
              <div class="resume-title overflow_1line fs-14">我的简历1</div>
              <!-- 进度条 -->
              <div class="resume-progress fx-1">
                <span class="active-progress"></span>
                <span class="num">30%</span>
              </div>
              <!-- 是否选中的框 -->
              <div class="isCheck-wrap">
                <input type="radio" name="selectedResume" class="mgc mgc-danger" checked>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <!-- 间隙 -->
      <div class="placeholder-div"></div>

      <!-- 设置推荐  -->
      <div class="set-recommend-wrap">
        <!-- 标题 -->
        <div class="title-wrap fx-row fx-row-center page-padding">
          <h4 class="rewardstep-title fs-16 fx-1 ">
            <span class="name">设置推荐</span>
          </h4>
          <p class="normal-text fs-14">普通红包</p>
          <p class="more-wallet-text fs-14">塞更多红包</p>
        </div>
        <!-- 列表 -->
        <div class="set-recommend-list-wrap">
          <ul class="set-recommend-items">
            <li class="set-recommend-item-wrap fx-row fx-row-center">
              <!-- 图片 -->
              <div class="head-portrait-img-wrap">
                <img class="head-portrait-img" src="../../images/headImg.png" alt="">
              </div>
              <!-- 右边的内容 -->
              <div class="set-recommend-content-wrap fx-1 b-1px-b b-1px-t">
                <div class="fx-row fx-row-center">
                  <div class="recommend-content-left fx-1">
                    <div class="name-info">
                      <span class="name fs-16">景甜｜</span>
                      <span class="job fs-14">运营总监</span>
                    </div>
                    <div class="company fs-12">阿里巴巴</div>
                  </div>
                  <!-- 普通红包 -->
                  <div class="wallet-money fs-14">
                    20元
                  </div>
                  <!-- 塞更多红包 -->
                  <div class="plug-wallet-width c-plug-wallet-wrap">
                    <div class="fx-row fx-row-center  b-1px">
                      <span class="num-operation b-1px-r fs-18" onclick="cartNum('sub')">-</span>
                      <div class="num-input-wrap fx-1">
                        <input id="num-input" type="text" class="num-input fs-14" value="">
                      </div>
                      <span class="num-operation b-1px-l fs-18" onclick="cartNum('add')">+</span>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="set-recommend-item-wrap fx-row fx-row-center">
              <!-- 图片 -->
              <div class="head-portrait-img-wrap">
                <img class="head-portrait-img" src="../../images/headImg.png" alt="">
              </div>
              <!-- 右边的内容 -->
              <div class="set-recommend-content-wrap fx-1 b-1px-b b-1px-t">
                <div class="fx-row fx-row-center">
                  <div class="recommend-content-left fx-1">
                    <div class="name-info">
                      <span class="name fs-16">景甜｜</span>
                      <span class="job fs-14">运营总监</span>
                    </div>
                    <div class="company fs-12">阿里巴巴</div>
                  </div>
                  <!-- 普通红包 -->
                  <div class="wallet-money fs-14">
                    20元
                  </div>
                  <!-- 塞更多红包 -->
                  <div class="plug-wallet-width c-plug-wallet-wrap">
                    <div class="fx-row fx-row-center  b-1px">
                      <span class="num-operation b-1px-r fs-18" onclick="cartNum('sub')">-</span>
                      <div class="num-input-wrap fx-1">
                        <input id="num-input" type="text" class="num-input fs-14" value="">
                      </div>
                      <span class="num-operation b-1px-l fs-18" onclick="cartNum('add')">+</span>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="set-recommend-item-wrap fx-row fx-row-center">
              <!-- 图片 -->
              <div class="head-portrait-img-wrap">
                <img class="head-portrait-img" src="../../images/headImg.png" alt="">
              </div>
              <!-- 右边的内容 -->
              <div class="set-recommend-content-wrap fx-1 b-1px-b b-1px-t">
                <div class="fx-row fx-row-center">
                  <div class="recommend-content-left fx-1">
                    <div class="name-info">
                      <span class="name fs-16">景甜｜</span>
                      <span class="job fs-14">运营总监</span>
                    </div>
                    <div class="company fs-12">阿里巴巴</div>
                  </div>
                  <!-- 普通红包 -->
                  <div class="wallet-money fs-14">
                    20元
                  </div>
                  <!-- 塞更多红包 -->
                  <div class="plug-wallet-width c-plug-wallet-wrap">
                    <div class="fx-row fx-row-center  b-1px">
                      <span class="num-operation b-1px-r fs-18" onclick="cartNum('sub')">-</span>
                      <div class="num-input-wrap fx-1">
                        <input id="num-input" type="text" class="num-input fs-14" value="">
                      </div>
                      <span class="num-operation b-1px-l fs-18" onclick="cartNum('add')">+</span>
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <!-- 塞更多红包更可以打动推荐人帮你推荐哟！ -->
      <div class="more-reward-tips-wrap page-padding fx-14">
        塞更多红包更可以打动推荐人帮你推荐哟！
      </div>
      <!-- 提示 -->
      <div class="page-padding">
        <div class="feedback-tips-wrap">
          <div class="fx-row fx-row-center">
            <p class="tips-text fs-12 fx-1">推荐请求发出后，推荐人完成评论后，将获得您的红包奖赏！</p>
            <i class="iconfont icon-guanbi close"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 底部确认订单 -->
  <div class="confirm-pay-fixed-wrap">
    <ul class="confirm-pay-fixed fx-row fx-row-center">
      <li class="comfirm-amount fx-2 fs-16">
        总计：
        <span class="fs-15">10元</span>
      </li>
      <li class="comfirm-btn fx-1 fs-15">
        确认订单
      </li>
      <li class="comfirm-btn fs-15" style="display: none;">
          余额不足，去充值
        </li>
    </ul>
  </div>
  <div class="c-popups" style="display:none">
    <!-- 弹窗背景 -->
    <div class="popups-bg"></div>
    <!-- 弹窗内容 -->
    <div class="popups-bottom-wrap">
      <div class="title-wrap fx-row fx-row-center page-padding">
        <i class="iconfont icon-guanbi close fs-16"></i>
        <h6 class="title fx-1 fs-18">支付金额确认</h6>
      </div>
      <div class="pay-content page-padding">
        <p class="money fs-26">总计：100元</p>
        <div class="button-wrap">
          <a class="button button-width fs-15" href="#">确认订单</a>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>
<script>
  // window.onload = function () {
  // 金额
  var input = document.getElementById('num-input');

  var num = 1;
  input.value = num
  function cartNum(operation) { //
    if (operation == 'add') {
      num++;
    }
    if (operation == 'sub') {
      if (num <= 0) {
        num = 1;
      } else if (num > 0) {
        num--;
      }
    }
    return input.value = num
  }
  // }
</script>

</html>